{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block main %}
    {% include "ApiCloud/Base/inc.head.html.twig" with {title:"我的",back:0} %}
    <div class="pad10 op9">
        <div class="bcf round10 pad5">
            <div class="flrc fs8 c11 pad5 bdbso">
                <div class="head">
                    <img :src="user.pic"  alt="" class="head round3">
                </div>
                <div class="flex1 lh2 pad10">
                    <div class="flrc">
                        <div class="flex1">[[ user.name ]]</div>
                        <div>工号：[[ user.id ]]</div>
                    </div>
                    <div>电话：[[ user.phone ]]</div>
                </div>
            </div>
            <div class="">
                <mu-ripple class="pos-r flrc fs8 c11 pad5" @click="goto('userInfo')">
                    <div class="material-icons"></div>
                    <div class="flex1">修改个人资料</div>
                    <div><span class="fa fa-angle-right"></span></div>
                </mu-ripple>
            </div>
        </div>
        <div class="bcf round10 pad5 mart20">
            <mu-ripple class="flrc fs8 c11 pad5 bdbso pos-r" @click="goto('myWork')">
                <div class="iconHead bc01 c13 pad3 round fs18 flex-center"><div class="material-icons">history</div></div>
                <div class="flex1 padl10">待办事项</div>
                <div><span class="fa fa-angle-right"></span></div>
            </mu-ripple>
            <mu-ripple class="flrc fs8 c11 pad5 pos-r" @click="goto('myWorkLog')">
                <div class="iconHead bc02 c13 pad3 round fs18 flex-center"><div class="material-icons">av_timer</div></div>
                <div class="flex1 padl10">经办项目</div>
                <div><span class="fa fa-angle-right"></span></div>
            </mu-ripple>
            <mu-ripple class="flrc fs8 c11 pad5 pos-r" @click="goto('userBlock')" v-if="CanIUse(2)">
                <div class="iconHead bc03 c13 pad3 round fs18 flex-center"><div class="material-icons">ballot</div></div>
                <div class="flex1 padl10">权限管理</div>
                <div><span class="fa fa-angle-right"></span></div>
            </mu-ripple>
        </div>
        <div class="bcf round10 pad5 mart3">
            <mu-ripple class="flrc fs8 c11 pad5 bdbso pos-r" @click="goto('password')">
                <div class="iconHead bc04 c13 pad3 round fs18 flex-center"><div class="material-icons">lock</div></div>
                <div class="flex1 padl10">修改密码</div>
                <div><span class="fa fa-angle-right"></span></div>
            </mu-ripple>
            <mu-ripple class="flrc fs8 c11 pad5 bdbso pos-r" @click="clearCache()">
                <div class="iconHead bc05 c13 pad3 round fs18 flex-center"><div class="material-icons">rotate_left</div></div>
                <div class="flex1 padl10">清除缓存</div>
                <div><span class="fa fa-angle-right"></span></div>
            </mu-ripple>
            <mu-ripple class="flrc fs8 c11 pad5 bdbso pos-r" @click="openLog()">
                <div class="iconHead bc06 c13 pad3 round fs18 flex-center"><div class="material-icons">build</div></div>
                <div class="flex1 padl10">调试模式</div>
                <div class="c01 fs20" v-if="open"><mu-icon value="toggle_on"></mu-icon></div>
                <div class="c12 fs20" v-if="!open"><mu-icon value="toggle_off"></mu-icon></div>
            </mu-ripple>
            <div class="fs8 c11 pad5 mart5">
                <mu-button full-width round color="red" @click="logout()">注销登录</mu-button>
            </div>
        </div>
    </div>
{% endblock %}
